<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>
        表格主要有3个标签：
    </h2>
    <img src="image.png" alt="" width="30%">
    <p>tr: table row  表行</p>
    <p>td: table data   表行中的数据</p>
    <p>td代表一行里面有几个单元格，一般情况下，每个tr里的td的数量相同</p>
    <hr>
    <p>快捷键：table>tr*2>td*5{每个单元格里的文本}</p>

    <hr>
    <table>
        <tr>
            <td>第一行第一列</td>
            <td>第一行第二列</td>
            <td>第一行第三列</td>
        </tr>
        <tr>
            <td>11</td>
            <td>11</td>
            <td>11</td>
        </tr>
        <tr>
            <td>1</td>
            <td>1</td>
            <td>1</td>
        </tr>
    </table>

    <hr>
    <table>
        <tr>
            <td>每个单元格里的文本</td>
            <td>每个单元格里的文本</td>
            <td>每个单元格里的文本</td>
            <td>每个单元格里的文本</td>
            <td>每个单元格里的文本</td>
        </tr>
        <tr>
            <td>每个单元格里的文本</td>
            <td>每个单元格里的文本</td>
            <td>每个单元格里的文本</td>
            <td>每个单元格里的文本</td>
            <td>每个单元格里的文本</td>
        </tr>
    </table>

    <hr>
    <h2>表格的属性</h2>
    <p>表格的属性很多，这里列出一些常用的，后期大量会用css修改</p>
    <img src="image copy.png" width="30%">

    <p>border="1"</p>
    <table border="1">
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
    </table>

    <p>width="400px"</p>
    <table width="400px" border="1">
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
    </table>

    <p>height="400px"</p>
    <table height="400px" border="1">
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
        <tr>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
            <td>hello</td>
        </tr>
    </table>
</body>
</html>